<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/cordova.js"></script>
	<title> </title>
</head>
<body>
	<div id="bg" class="screen"><img src="images/bg1.png"/></div>
	<div id="main-nav" class="screen">
		<ul>
			<li class="title">Chess</li>
			<li class="item">Countinue</li>
			<li class="item">New game</li>
			<li class="item">Play </li>
			<li class="item">Option</li>
			<li class="item">High Score</li>
			<li class="item">About</li>
		</ul>	
	</div>
	<div id="high-score" class="screen">
		<div id="hs-show"></div>	
	</div>
	<div id="option" class="screen">
		<ul>
			<li class="title"><h2>Option</h2></li>
			<li class="i-op">
				<span>Sound</span>
				<input type="checkbox" class="checbox" value="1"/>
			</li>		
			<li class="i-op">
				<span>Music</span>
				<input type="checkbox" class="checbox" value="2"/>
			</li>
		</ul>	
	</div>
	<div id="about" class="screen">
		<h2>Chess</h2>
		<p>Author:</p>
		<p>Nguyễn Khắc Trung</p>
		<p>Kiều Quốc Thắng</p>	
	</div>
	<div id="play" class="screen"><canvas id="canvas" width="480px" height="200px"></canvas></div>
</body>
</html>